/* 菜单 广告位 left*/

.menu {
    height: 420px;
    width: 198px;
    position: relative;
}
.menu .menu-item{
    line-height: 28px;
    height: 30px;
    text-indent: 20px;
    border: 1px solid transparent;
    border-right: 0;
    box-sizing: border-box;
    background-color: #f3f3f3;
}
.menu .menu-item:hover{
    border-color: #f60;
    background-color: #fff;
}
.menu .menu-item:hover .menu-link,.menu .menu-item:hover .link-wrop{
    color: #f60;
}
.menu .menu-item .menu-link:hover{
    text-decoration: underline;
}
/* 子菜单 */
.menu .menu-item .menu-son{
    display: none;
    position: absolute;
    top: 0;
    left: 198px;
    width: 580px;
    min-height: 430px;
    border: 1px solid #f60;
    background-color: #fff;
    z-index: 101;
    padding: 14px 0 0 37px;
    box-sizing: border-box;
    text-indent: 0;
}
.menu .menu-item .menu-son dt{
    font-size: 14px;
    color: #f60;
    line-height: 26px;
    border-bottom: 2px solid #e6e6e6;
    width: 470px;
}
.menu .menu-item .menu-son .mes-link{
    margin-right: 10px;
    font-size: 12px;   
}
.menu .menu-item .menu-son .mes-link:hover{ color: #f60;}
.menu .menu-item:hover .menu-son{
    display: block;
}
.menu .menu-item:hover .link-wrop{
    position: relative;
    width: 200px;
    background: #fff;
    z-index: 205;
}

/* 菜单 广告位 right*/
.banner {
    height: 430px;
    width: 1002px;
    /* background-color: red; */
}

/* 今日推荐 */
.recommend-ul{ width: 1200px;height: 500px;}
.recommend-ul .recommend-li{ 
    width: 200px;
    height: 250px;
    border-left: 2px solid #f60;
    border-bottom: 2px solid #f60;
    float: left;
    box-sizing: border-box;
    
    
}
.recommend-ul .recommend-li:nth-child(6n+6){ border-right: 2px solid #f60;}
.recommend-ul .recommend-li .re-img{ width: 200px;text-align: center;margin-top: 5px;}
.recommend-ul .recommend-li p{ text-indent: 9px;}

/* clothing 服装 */
.content { height: 568px;box-sizing: border-box;}
/* 内容左边 */
.content .content-left{ height: 500px;width: 238px;background-color: #f9f9f9;}
.content .content-left .contlf-a{ box-sizing: border-box; display: inline-block;height: 38px;width: 76px;line-height: 38px;text-indent: 4px;}
.content .content-left .contlf-a:hover{ color: #f60;}

.content .content-middle{ height: 500px;width: 429px;box-sizing: border-box;}

/* 内容右边 */
.content .content-hiddan .content-right{ height: 500px;width:533px;background-color:#ccc;}
.content .content-hiddan .content-right .right-list {
    width: 177px;
    border-left: 3px solid #ccc;
    border-bottom: 2px solid #ccc;
    box-sizing: border-box;
}
.content .content-hiddan .content-right  .right-list:nth-child(3),
.content .content-hiddan .content-right  .right-list:nth-child(6) {
    border-right: 2px solid #ccc;
}

.content .content-hiddan .content-right .right-list img {
    width: 100%;
    height: 100%;
}


/* ebook 电子书 */
/* left */
.book .book-left{ width: 909px;height: 442px;}

.content .bcontent-left .ebcontlf-a{ box-sizing: border-box; display: inline-block;height: 38px;width: 76px;line-height: 37px;text-indent: 4px;}
.content .bcontent-left .ebcontlf-a:hover{ color: #f60;}
.content .content-on .ebook-list{ height: 220px;width: 168px;box-sizing: border-box;padding: 20px 4px 15px;border: 1px solid #ccc;}
.content .content-on .ebook-list .eblist-img{ text-align: center;}
.content .content-on .ebook-list p:hover{ color: #f60;text-decoration: underline;}
.content .bcontent-right{ box-sizing: border-box;width: 336px;}

/* right */
.book .book-right{ width: 284px;height: 442px;box-sizing: border-box;border: 2px solid #ccc;padding-left: 24px;}


.book-right li{ position: relative; border-bottom: 2px solid #ccc; }
.book-right li:last-child{ border: 0; }

.book-right li h4{ line-height: 40px; font-weight: normal;}
.book-right li h4.active{ display: none;}
.book .book-right li p { margin-left: 120px;}

.book-right li span{ position: absolute; left: -15px; top: 10px}

.book-right li div{ display: none;}
.book-right li div.on{ display: block;}


/* 家居 */
.house-content { height: 500px;box-sizing: border-box;}
.house-content .house-left { height: 500px;width: 487px;box-sizing: border-box;}
.house-content .house-right { height: 500px;width: 713px;box-sizing: border-box;}
.house-content .house-right .house-list{ width: 178px;
    border-left: 3px solid #ccc;
    border-bottom: 2px solid #ccc;
    box-sizing: border-box;}
.house-content .house-right .house-list:nth-child(4),
.house-content .house-right .house-list:nth-child(8) {
    border-right: 2px solid #ccc;   }

.house-content .house-right .house-list img {width: 100%;height: 100%;}

/* 推荐 recp-goods*/

.common-top .reg-titleli { width: 12px;height: 12px;border-radius: 50%; text-align: center;background-color: #ccc;margin-top: 16px;margin-right: 12px;}
.common-top .active { background-color: #f60;}

.reco-goods .re-content{ height: 610px;box-sizing: border-box;display: none;}
.reco-goods .re-content .reconten-list{ height: 300px;width: 214px;box-sizing: border-box;padding: 25px 33px 33px 31px;margin-left: 13px;margin-right: 13px;}
.reco-goods .re-content .reconten-list:hover{ background-color: #f2f2f2;}
.reco-goods .reon{ display: block;}


/* 选项卡 */
.content  .content-hiddan {display: none;}
.content .content-on{ display: block;}

/* 楼层导航 */
.floor-nav{ 
    position: fixed;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -650px;
    width: 40px;
    height: 200px;
    display: none;
}
.floor-nav .nav-item{
    width: 40px;
    height: 40px;
    background: url(../img/floor-nav.png) no-repeat;
    background-color: #f2f2f2;
}
.floor-nav .bg2{ background-position-y: -80px;}
.floor-nav .bg3{ background-position-y: -160px;}
.floor-nav .bg4{ background-position-y: -200px;}
.floor-nav .bg5{ background-position-y: -320px;}

.floor-nav .nav-p{ display: none;height: 40px; line-height: 40px; font-size: 16px;color: #fff;text-align: center; box-sizing: border-box; width: 40px;position: absolute;top: 0;left: 40px;}

/* 顶部搜索 */
.topsearch{ display: none;width: 100%;height: 60px;background-color: #fff;border-bottom: 6px solid #f60; position: fixed;top: 0;z-index: 500;}
/* 回到顶部 */
.gototop{ 
    position: fixed;
    bottom: 0;
    margin-bottom: -100px;
    right: 50%;
    margin-right: -650px;
    width: 40px;
    height: 200px;
    cursor: pointer;
    display: none;
}
/* 领劵 */
.collect{
    position: fixed;
    top: 0;
    margin-top: 100px;
    right: 50%;
    margin-right: -950px;
    cursor: pointer;
    width: 40px;
    box-sizing: border-box;
    height: 180px;
}
.collect-img{
    position: absolute;
    top: 40px;
    left: -100px;
    display: none;
}
